* {
    padding: 0;
    margin: 0;
}

.minw {
    width: 100%;
    min-width: 500px;
}
.wauto {
    width: 500px;
    height: 500px;
    margin:  100px auto;
    background: pink;
    position: relative;
    transform: rotate(0deg);
    border-radius: 50%;
    overflow: hidden;
    

    animation-name: aa;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-timing-function: linear;
}

@keyframes aa {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.wauto > div {
    width: 125px;
    height: 230px;
    position: absolute;
    border-left: 2px solid black;
    text-align: center;
    letter-spacing: 47px;

    padding-top: 20px;
}

.a {
    left: 250px;
    top: -2px;
}
.b {
    transform: rotate(30deg);
    left: 305px;
    top: 47px;
}
.c {
    transform: rotate(60deg);
    left: 327px;
    top: 116px;
}
.d {
    transform: rotate(90deg);
    left: 313px;
    top: 186px;
}
.e {
    transform: rotate(120deg);
    left: 266px;
    top: 240px;
}
.f {
    transform: rotate(150deg);
    left: 197px;
    top: 261px;
}
.g {
    transform: rotate(180deg);
    left: 125px;
    top: 248px;
}
.h {
    transform: rotate(210deg);
    left: 69px;
    top: 200px;
}
.i {
    transform: rotate(240deg);
    left: 45px;
    top: 129px;
}
.j {
    transform: rotate(270deg);
    left: 60px;
    top: 58px;
}
.k {
    transform: rotate(300deg);
    left: 110px;
    top: 3px;
}
.l {
    transform: rotate(330deg);
    left: 180px;
    top: -19px;
    
}

.pic {
    width: 120px;
    height: 154px; 
    margin: 0 auto;   
    position: relative;
    top: -444px;
    cursor: pointer;
}
.pic > img {
    width: 120px;
    height: 154px;  
}